<style>
/*Background*/
body
{
	font-family: "Verdana", Sans-serif;
	font-size: 1vw; 
	background-color:#FFFFFF;
} 


/*=============== Page layout according to HTML5 ===============*/

	/*Defines a header for a document or a section*/
	header {
		position: fixed;
		top: 0%;
		left: 0%;
		width: 100%;
		height: 10%;
		
		/*moves the shadow in horizontal-, -vertical direction, 
		crates a blur effect, enlarges the shadow in all four directions*/
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4);
	}

	/*Defines a container for navigation links*/
	nav {}

	/*Defines content aside from the content (like a sidebar)*/
	aside {}

	/*Defines a section in a document*/
	section {
		/*Percentage of the width of the parent.*/	
		position: fixed;
		top: 11%;
		left: 1%;
		width: 98%;
		height: 80.5%;
		
		/*moves the shadow in horizontal-, -vertical direction, 
		crates a blur effect, enlarges the shadow in all four directions*/
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4);
	}

	/*Defines a footer for a document or a section*/
	footer {
		/*Fixes the footer*/
		position: fixed;
		bottom: 0%;
		left: 0%;
		width: 100%;
		height: 7.5%;
		
		background-color:#4CAF50;
		/*moves the shadow in horizontal-, -vertical direction, 
		crates a blur effect, enlarges the shadow in all four directions*/
		box-shadow: 20% 20% 20% 20% rgba(0,0,0,0.4);
		
		color:white;
		clear:both;
		font-size: 1.2vw;
		text-align:center;
	}
	
	object {
		z-index: -1;
		float:left;
		left: 0%;
	}

/*=============== Heading of the website ===============*/
	div.websiteHeadingBlock {
		position: fixed;
		top: 0%;
		left: 0%;
		width: 100%;
		height: 5%;
	
		display: block;

		background-color: #ffffff;
	}

	h1.websiteHeading {					
		font-variant: small-caps;
		font-size: 1.25vw;
		text-align: center;
		
		margin: 0;
	}
		
/*=============== Horizontal Navigation bar ===============*/

	/*===== List for Navibar =====*/
	ul.navbar {
		position: fixed;
		top: 5%;
		left: 0%;
		width: 100%;
		height: 5%;	
	
		margin: 0;
		padding: 0;
		list-style-type: none;
		overflow: hidden;
		
		background-color: #333333;
	}
	
	/*List in navbar, as dirty workaround to float the last two <li>s in navbar right.*/
	ul.navbar ul {
		list-style-type: none;
	}
	
	/*===== Listeleents in Navibar =====*/
	/*For links with a right border, except the last two links.*/
	li.navbarElement {
		float: left;

		border-right: 1px solid #bbb; /*creates a right border*/	
		
		font-size: 1vw;
	}
	
	li.navbarElement:nth-last-of-type(1) {/*li.navbarElement:last-child,*/
		border-right: none; /*prevents the given childs of "ul.navbar" of type <li> of getting a border*/
	}
	
	li.navbarElement a {
		display: inline-block;
		color: #ffffff;
		text-align: bottom;
		margin: 0% 0% 0% 0%;
		padding: 0%;
		text-decoration: none;
	}
	
	li.navbarElement a:hover {
		color: #000000;
		background-color: #ffffff;
	}
	
	/*===== Container for Dropdown menu's content. If the corresponding Listelement in Navibar is hoverd 
	the container makes its content visible. =====*/
	div.dropdownContainer {
		display: none; 
		position: absolute;
		min-width: 200px;
	}
	
	li.navbarElement:hover .dropdownContainer {
		/*When the "navbarElement" is hovered the Display attibute of ".dropdownContainer"
		  is changed from none to block --> the content of "dropdownContainer" is displayed.*/
		display: block;
	}
	
	/*===== List contains the content of the Dropdown menu =====*/
	ul.dropdownList {
		position: fixed;/*necessary that dropdownlist is shown with fixed Navigation bar.*/
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
		
		background-color:  #ffffff;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	}
	
	/*===== List contains the submenus of the Dropdown menu =====*/
	ul.subList {
		list-style-type: none;
	}
	
	/*===== Listelements for Dropdown menu with subLists =====*/
	li.dropdownListElement {
		float: left;
		border-right: 1px solid #bbb; /*creates a right border*/
	}
	
	li.dropdownListElement:last-child {/*li.navbarElement:last-child,*/
		border-right: none; /*prevents the given childs of "ul.navbar" of type <li> of getting a border*/
	}
	
	/*===== Listelements for Dropdown menu without subList =====*/
	li.dropdownListElementOne {
		float: left;
	}
	
	li.dropdownListElement a, li.dropdownListElementOne a {
		display: inline-block;
		color:  #1f1f14;
		text-align: center;
		padding: 5px 16px;
		text-decoration: none;
	}
	
	li.dropdownListElement a:hover, li.dropdownListElementOne a:hover {
		color:  #a6a6a6;
	}
	
	li.dropdownListElement a:visited, li.dropdownListElementOne a:visited {
		color:  #a6a6a6;
	}


/*=============== <iframe> ===============*/	
	iframe.display {
		width: 100%; /*percentage of width of parent.*/	
		height: 100%; /*percentage of height of parent.*/
		scroling: yes;
		
		border: 1px solid #000000;
	}	
	
	
/*=============== <hX> ===============*/
	h1 {
		font-family: "Verdana", Sans-serif;
		font-size: 1vw; /
	}
	
	h2 {
		font-family: "Verdana", Sans-serif;
		font-size: 0.8vw; 
	}
	
	h3 {
		margin: 0px;
		font-family: "Verdana", Sans-serif;
		font-size: 0.8vw; /*1em = 16px*/
	}
	
	
/*---------------  <hr> ---------------*/
hr {
	border: 1px solid #4CAF50;
}


/*--------------- <div> ---------------*/
div {
	font-size: 1vw;
}
</style>